﻿@gridColumns: 8;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

div.parentpage {
	width: @siteWidth; /* 620px; */

}

/* TODO: add other w13 - w24 */

.w9 { .columns(8,3); }
.w10 { .columns(8,3); }
.w11 { .columns(8,3); }
.w12 { .columns(8,3); }

.c9, .u9>li { .columns(8); }
.c10, .u10>li { .columns(8); }
.c11, .u11>li { .columns(8); }
.c12, .u12>li { .columns(8); }

/* grids with paddinggs */
.p9, .up9>li   { .columns(8,@extraSpace*2);  }
.p10, .up10>li { .columns(8,@extraSpace*2);  }
.p11, .up11>li { .columns(8,@extraSpace*2);  }
.p12, .up12>li { .columns(8,@extraSpace*2);  }